<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>让div居中并让它里面的文字居中</title>
		<style type="text/css">
			/* 需求：设置div的宽和高，让里面的文字居中显示，让div居中显示 */
			div{
				width: 1000px;
				height: 100px;
				/* 设置行高，让文字上下居中 */
				line-height: 100px;
				border: 1px solid red;
				/*文本居中*/
				text-align: center;
				/*是让设置了宽度的盒子居中显示*/
				margin: 0 auto;
			}
		</style>
	</head>
	<body>
		<div>
			新闻&nbsp;hao123&nbsp;地图&nbsp;贴吧&nbsp;视频&nbsp;图片&nbsp;网盘&nbsp;更多
		</div>
	</body>
</html>
